@charset "utf-8";

/* initialize */
body { margin:0; padding:0; background-color:#ebf0f7; color:#262626; font-size:12px; line-height:1;-webkit-text-size-adjust:none; -ms-text-size-adjust: none;}
html, body {/*width:100%; height:100%; *//*min-width:1024px; */}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address,big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike,strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,form, label, legend, table,button,input,select,
caption, tbody, tfoot, thead, tr, th, article, aside, canvas, footer, header, menu, nav, section, summary, video {z-index: inherit;padding: 0;border: 0;margin: 0;vertical-align: baseline;font: inherit;font-size: 100%; font-family:'Montserrat', 'NanumSquare';}

input[type=button], input[type=text], input[type=image],
input[type=submit],input[type=password], input[type=tel], input[type=email],
input[type=number], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    outline: 0;
    vertical-align:middle;
    /*font-family:'notokr-demilight';*/
}
select:focus,
button:focus {outline:0;}
input[type=checkbox] {-webkit-appearance: checkbox;-moz-appearance: checkbox;}
input[type=radio] {-webkit-appearance: radio;-moz-appearance: radio;}
input::-ms-clear {display: none;width: 0;height: 0;}
input::-ms-reveal {display: none;width: 0;height: 0;}

select{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
::selection {color: rgb(255, 255, 255); background: #1aaaba; }

li{ list-style:none; }
table{ width:100%; border-collapse:collapse; border-spacing:0; }
th, td{ border-collapse:collapse; }
legend, caption, hr{ display:none; }
a { text-decoration:none; color:#262626;}
a:hover {  color:#1aaaba;}

*{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}


/*txt*/
[class ^="txt-type"] {color: #fff; background-color: transparent; ; font-size: 16px; border: none; border-bottom: 2px solid #fff; padding: 15px 20px; }
.txt-type-normal {position: relative; width: 100%;}
.txt-type-normal:focus {border-bottom: 2px solid  #fff; }
.txt-type-normal.fail{border-bottom: 1px solid #f44336;}
.txt-type-normal:disabled {color: #dddddd; }
input::-webkit-input-placeholder {color: #a7d7de;}

.txt-type-color {background: #1aaaba; position: relative; width: 100%;}
.txt-type-color::-webkit-input-placeholder {color: #fff;}
/*btn*/
.btn-holder {}
[class ^="btn-type"] {display: inline-block; color: #fff; background-color: #404040 ; cursor: pointer; font-size: 16px; padding: 9px 30px;}

.btn-type-line{border: 1px solid #ffffff; background: transparent; padding: 19px 30px;}
.btn-type-line2{border: 2px solid #fff; background: transparent;}
.btn-type-line2:active:hover:not([disabled]){color: #1aaaba; border: 2px solid #fff; background: #fff;}
.btn-type-line2:active:hover:not([disabled]) .img{ background-position: -215px -20px;}
.btn-type-line2:disabled{opacity: 0.5; cursor:initial; }
.btn-type-line3{color: #262626; border: 1px solid #262626; background: transparent; padding: 19px 30px;}


.btn-type-fill{ border: none; background: #262626; padding: 10px 20px;}
.btn-type-fill:hover{ background: #000;}
.btn-type-fill:disabled{opacity: 0.5; cursor:initial; }
.btn-type-fill:disabled:hover{background: #262626; }

.btn-type-white{ border: none; background: #fff; padding: 10px 20px; color: #262626; border: 1px solid #262626;}
.btn-type-white:hover{ background: #262626; color: #fff;}
.btn-type-white.no:hover {background: #fff;  color: #262626; }

.btn-type-fill2{color: #fff; border: none; background: transparent; padding: 5px 0px;}

.btn-type-txt{color: #1aaaba; border: none; background: transparent; padding: 5px 0px;}
/*.btn-type-next{color: #1aaaba; border: none; background: transparent; padding: 5px 0px;}*/


/*radio*/
.rbox-holder {}
[class ^="rbox-type"] {position: absolute; left: -99999px;}
[class ^="rbox-type"] + label {height: 16px; line-height: 16px; padding: 0 25px; background-color: #fff; background: url(../image/rbox.png) left center no-repeat; background-position: 0 0;  display: inline-block; cursor: pointer; font-size: 22px;}
input[type=radio]:checked + label {background-position: 0 -20px; }
input[type=radio]:disabled + label {background-position: 0 -40px;  cursor: default;}
input[type=radio][disabled][checked] + label {background-position: 0 -60px;  cursor: default;}

/*select*/
.sbox-holder {display: inline-block; width: auto;vertical-align: middle;}
[class ^="sbox-type"] {color: #fff; border: none; padding: 15px 20px; border-bottom: solid 2px #fff; background-color: transparent; background: url(../image/sbox.png) right 10px center no-repeat, 8px 6px; background-size:8px auto; }
.sbox-type-normal{}

/*common*/
.size-small {width: 50px;}
.size-copy {width: 80px;}
.size-medium {width: 100px;}
.size-upload {width: 110px;}
.size-full{width: 100%;}
.size-half{width: 48.9%;}
.size-third{width: 35%;}
.size-third2{width: 29.2%;}
.size-calcA{width: calc(100% - 100px);}
.verT{vertical-align: top;}
.none {display: none;}

.marginAll > li:not(:first-child){margin-left: -5px;}
.marginAll .marginL,
.marginAll .marginR{width: 8%; vertical-align: top;/* background: rgba(0,0,0,0.3);*/ height: 20px;}
.marginAll .marginC{width: 84%; position: relative; /*background: rgba(0,0,0,0.5);*/}

.btn-type-white.more .img{background-position: -259px -432px; }
.btn-type-white.more:hover .img{background-position: -259px -452px; }
.btn-type-white.more.no:hover .img{background-position: -259px -432px; }

.more .img{background-position: -215px 0; width: 9px; height:14px; margin-left: 10px; vertical-align: middle;}
.down .img{background-position: -308px 0; width: 12px; height:12px; margin-left: 10px; vertical-align: middle;}
.join .img{background-position: -296px 0; width: 10px; height:10px; margin-left: 10px; /* vertical-align: middle;*/}
.all .img{background-position: -295px -15px; width: 10px; height:10px; margin-left: 10px; vertical-align: middle;}

[class *= img]{background: url(../image/common.png?v=180821) left top no-repeat; background-size: 500px auto; display: inline-block; }
[class *= i_mg]{background: url(../image/common_i.png) left top no-repeat; background-size: 1400px auto; display: inline-block; }
[class *= r_mg]{background: url(../image/common_r.png) left top no-repeat; background-size: 1400px auto; display: inline-block; }

.im_g{display: inline-block;}

.footer-wrap [class ^="screen"],
.content-wrap [class ^="screen"],
.wrap-holder{margin: 0 auto; max-width: 1920px; min-width: 1080px; /*position: relative;*/}
.blank{position: absolute; height: 1px; background: transparent;}
.content-wrap .screen0 .title{overflow: hidden;}
.content-wrap .screen0 .title .txt-mask{display: inline-block;}


.content-wrap .screen0 .h_1{height: 345px;}
/* .content-wrap .screen0 .h_1 .title{margin-top: 240px;} */
.content-wrap .screen0 .h_2{height: 450px;}
.content-wrap .screen0 .h_3{height: 434px;}
.content-wrap .screen0 .marginAll,
.content-wrap .screen0 .marginAll .marginC {height:100%;}
.content-wrap .screen0 .wrap-holder .txt-wrap {position:absolute;bottom:60px;}
.content.half li{width: 50%;}
.content.three li{width: 33%;}
.content.three li:not(:first-child){margin-left: -4px;}
.content.five li{width: 20%;}
.content.five li:not(:first-child){margin-left: -6px;}

/*////////////////////////////////////////////////////////////////*/
/*header*/
.simple.header-wrap {background: #1aaaba;height: 80px;}
.simple.header-wrap .wrap-holder {margin: 0 auto;width: 1000px;position: relative;max-width:none; min-width: auto;}
.simple.header-wrap .wrap-holder .logo{left: 50px; top: 25px;}
.header-wrap {position: absolute; width: 100%; color: #fff;font-size: 14px; font-weight: 600;z-index: 1;}
.header-wrap .wrap-holder{margin-top: 30px;}
.header-wrap li{display: inline-block;}
.header-wrap .logo{background: url(../image/icon_logo.svg) left top no-repeat; width: 90px; height: 30px; display: inline-block; position: absolute; left: -47px;cursor:pointer;}
.header-wrap .link {display: inline-block; float: right; margin-right: -32px;}
.header-wrap .link ul{display: inline-block;}
.header-wrap .link > ul > li{display: inline-block; margin: 0 20px; cursor: pointer;color: rgba(255,255,255,0.5);    transition: color .5s;}
.header-wrap .link > ul > li:after{content: ""; display: none; width: 6px; height: 6px; background: #fff;border-radius: 50%; margin: 4px auto;}
.header-wrap .link > ul > li:not(.on):hover::after{display: block;}
.header-wrap .link > ul > li:hover{color: rgba(255,255,255,1);}
.header-wrap .link .line{border-left: 1px solid rgba(255,255,255,0.4); margin: 0 20px; display: inline-block; height: 12px;}
.header-wrap .link .language li{margin: 0 5px; color: rgba(255,255,255,0.5);}
.header-wrap .link .language li.on{color: rgba(255,255,255,1); cursor: default;}

/*home*/
.root{position: relative; max-width: 1920px; margin: 0 auto;}
.wrap{position: relative; }
.content-wrap .bar{background: #1aaaba; position: absolute;}


.content-wrap .title{font-size: 48px; font-weight: 800; line-height: 54px; }
.content-wrap .txt{font-size: 14px;font-weight: 400;line-height: 26px; }
.content-wrap .subTitle{font-size: 28px; font-weight: 800;}
.content-wrap .boardTitle{font-size: 28px; font-weight: 800; margin-bottom: 30px; }

.content-wrap li{display: inline-block;    vertical-align: top;}

.home.content-wrap .screen0{position:relative;color: #fff; padding-top: 80px;overflow:hidden;height:100vh;min-height:750px;background-color:#0e9cbc;}
.home.content-wrap .screen1{background-color: #fff;}
.home.content-wrap .screen2{color: #fff; background: linear-gradient(90deg, #262626 50%, #fff 50%);}
.home.content-wrap .screen3{background: #fff;}

/* .home.content-wrap .screen0 {background: url(../image/dummy_01.png) top center no-repeat;    background-size: cover;} */
.home.content-wrap .screen0 .wrap-holder p{margin-left: 50%;}
.home.content-wrap .screen0 .wrap-holder .title{line-height: normal;opacity:0;}
.home.content-wrap .screen0 .wrap-holder .txt{margin-top: 40px;opacity:0;}
.home.content-wrap .screen0 .homeTitle{position: absolute; height: 220px; left: 0; right: 0; top: 26%; bottom: 0;}
.home.content-wrap .screen0 .video-holder{position: absolute; top: 0; width: 100%;height:100%;font-size:0;bottom:0;}
.home.content-wrap .screen0 .video-holder video{width: 100%; height: 100%; object-fit: cover;}
.home.content-wrap .screen0 .video-holder video.looping {visibility:hidden;}
.home .loading{font-size: 200px; color: rgba(255,255,255,1); font-weight: 700;     height: 320px; position: absolute; top: 0; bottom: 0; margin: auto;}


.home.content-wrap .screen1 {background: url(../image/icon_main_img_02.png) top center no-repeat, #fff;    background-size: auto;}
.home.content-wrap .screen1 .wrap-holder{padding: 140px 0 300px;}
.home.content-wrap .screen1 .wrap-holder .txt{margin: 35px 0 32px 0 ;}

.home.content-wrap .screen2{}
.home.content-wrap .screen2 .wrap-holder{padding: 80px 0; background: linear-gradient(90deg, #262626 92%, #fff 8%);}
.home.content-wrap .screen2 .content li{position: relative; vertical-align: top; width: 33.3% }
.home.content-wrap .screen2 .content li:not(:first-child){margin-left: -4px;}
.home.content-wrap .screen2 .content li .box{width: 280px; display: inline-block;padding: 0 20px;}
.home.content-wrap .screen2 .content li .box .txt{margin-bottom: 15px;}
.home.content-wrap .screen2 .content li .box > .img{ height: 70px;}
.home.content-wrap .screen2 .content .ex .box{float: right;}
.home.content-wrap .screen2 .content .ex .box > .img{width: 68px;background-position: 0 -100px; }

.home.content-wrap .screen2 .content .ins{text-align: center;}
.home.content-wrap .screen2 .content .ins .box{text-align: left;}
.home.content-wrap .screen2 .content .ins .box > .img{width: 74px;background-position: -70px -100px;}
.home.content-wrap .screen2 .content .iea .box > .img{width: 76px;background-position: -147px -100px; }

.home.content-wrap .screen2 .title{background: #fff; position: absolute; top: -80px; right: -2px; font-size: 28px; width: 260px; height: 60px; text-align: center; line-height: 60px;}
.home.content-wrap .screen2 .title p{color: #000;}
.home.content-wrap .screen2 .title .bar{width: 130px; height: 10px; right: 0; top: -10px;}
.home.content-wrap .screen2 .subTitle{margin: 0 0 20px 16px; display: inline-block;}
.home.content-wrap .screen2 .btn-type-line2{font-size: 14px; padding: 5px 20px; margin-top: 5px;}

.home.content-wrap .screen3 .wrap-holder{padding: 140px 0 40px;}
.home.content-wrap .screen3 .wrap-holder .marginC{height: 645px; overflow: hidden;}
.home.content-wrap .screen3 .wrap-holder .marginC .bullet{margin-top: 540px;}
.home.content-wrap .screen3 .bg-line{position: absolute; left: 50%; margin-left: -378px;}
.home.content-wrap .screen3 .bg-line li,
.home.content-wrap .screen3 .content li {position: absolute; width: 33.3%; vertical-align: top; }
.home.content-wrap .screen3 .bg-line li:not(:first-child),
.home.content-wrap .screen3 .content li:not(:first-child){margin-left: -4px;}
.home.content-wrap .screen3 .content .txt-box{padding: 20px; background: #fff; width: 270px; position: relative; margin-top: 170px;}
.home.content-wrap .screen3 .content .i_mg{width: 220px; height: 220px; display: inline-block; border-radius: 50%; position: absolute; top: 0px;background-position: center !important;background-size:cover;background-color:#f7f7f7;background-image:none;}
.home.content-wrap .screen3 .content li  .box{width: 340px; display: inline-block; text-align: left; position: relative;}
.home.content-wrap .screen3 .left {margin-top: 35px;}
.home.content-wrap .screen3 .left .i_mg{left: 0;}
.home.content-wrap .screen3 .left .box{float: right;}
.home.content-wrap .screen3 .left .box .txt-box{float: right;}
.home.content-wrap .screen3 .left .bar{width: 106px; height: 10px; left: 0; bottom: -10px; }
.home.content-wrap .screen3 .center {margin-top: -90px; text-align: center;}
.home.content-wrap .screen3 .center .bar{width: 160px; height: 10px; right: 0; bottom: -10px; }
.home.content-wrap .screen3 .center .i_mg{right: 0; background-position:-225px 0; }
.home.content-wrap .screen3 .right {margin-top: 35px;}
.home.content-wrap .screen3 .right .bar{width: 10px; height: 102px; right: -10px; bottom: 0; }
.home.content-wrap .screen3 .right .i_mg{right: 0; background-position: -450px 0;}
.home.content-wrap .screen3 .boardTitle {max-height:102px;line-height:34px;overflow: hidden;}
.home.content-wrap .screen3 .txt{margin-bottom: 27px;height:104px;overflow: hidden;}
.home.content-wrap .screen3 .date{color: #aaaaaa;}
.home.content-wrap .screen3 .date span:last-child{float: right;}
.home.content-wrap .screen3 .wrap-holder li > div.control{position: absolute; top: 0; right: 0; width: auto; text-align: right;}

.home.content-wrap .screen3 .control .square {display: inline-block; width: 40px; height: 40px; /*background: #262626;*/ text-align: center; padding-top: 10px;}

.home.content-wrap .screen3 .control .square span{width: 9px; height:14px; display: inline-block; margin-left: -5px;}
.home.content-wrap .screen3 .control .prev{margin: 0 -2px 0 6px;}
.home.content-wrap .screen3 .control .next .img{background-position: -215px 0; }
.home.content-wrap .screen3 .control .prev .img{background-position: -205px 0; }
.home.content-wrap .screen3 .control .num{display: inline-block; margin-top: 15px; width: 40px; text-align: center;}
.home.content-wrap .screen3 .control .num em{font-weight: 600;}
.home.content-wrap .screen3 .control{}


.home.content-wrap .screen4{ background: #fff;}
.home.content-wrap .screen4 .wrap-holder{padding: 140px 0 20px;}
.home.content-wrap .screen4 .title{color: #1aaaba; margin-bottom: 30px;}
.home.content-wrap .screen4 input {font-size: 28px; padding: 23px 40% 23px 30px;width: calc(100% - 20px);}
.home.content-wrap .screen4 input::-webkit-input-placeholder {color: rgba(255,255,255,0.5);}
.home.content-wrap .screen4 button{font-size: 30px; padding: 22px 110px; position: absolute;right: 0; top: 60px; font-weight: 600;}
.home.content-wrap .screen4 button .img{background-position:-225px 0; width: 15px; height: 24px; margin-left: 20px; }
.home.content-wrap .screen5{ background: #fff;}
.home.content-wrap .screen5 .wrap-holder{padding: 140px 0 160px;}
.home.content-wrap .screen5 .txt{margin: 40px 0 40px;}
.home.content-wrap .screen5 .content li{width: 49%; vertical-align: top;}




.home.content-wrap .screen5 .content .partner div{text-align: center;}
.home.content-wrap .screen5 .content .partner .company {position: relative; height: 340px;margin-top: -30px;}
.home.content-wrap .screen5 .content .partner .company li{display: block; width: 100%; padding: 20px 0;}
.home.content-wrap .screen5 .content .partner .company ul:not(:first-child){display: none;}

.home.content-wrap .screen5 .content .partner .bullet {margin-top: 0px;}
.home.content-wrap .screen5 .content .partner .bullet li{width: 20px; cursor: pointer;}
.bullet {text-align: center;}
.bullet li.on span{background:#1aaaba; }
.bullet span{width: 12px; height: 12px; border: 1px solid #1aaaba; border-radius: 50%; display: inline-block; margin: 0 5px; }

/*//////////////////////////////*/
/*what*/
.what.content-wrap .screen0{color: #fff; background: #1aaaba;}
.what.content-wrap .screen1{background: #fff;}
.what.content-wrap .screen2{color: #fff; background: #262626;}

.what.content-wrap .screen0 .wrap-holder {padding-top: 175px;}
.what.content-wrap .screen0 .wrap-holder li{vertical-align: top; padding-left: 30px;}
.what.content-wrap .screen0 .wrap-holder .title{margin:60px 0 25px; font-size: 55px; }
.what.content-wrap .screen0 .wrap-holder .title em{font-size: 28px;}
.what.content-wrap .screen0 .wrap-holder .txt{max-width: 600px;}
.what.content-wrap .screen0 .wrap-holder .content{position: absolute; width: 100%; top: 0;}
.what.content-wrap .screen0 .wrap-holder .movie{}
.what.content-wrap .screen0 .wrap-holder .movie .box{width: 800px; height: 450px; background:url(../image/movie_bg.png),  #282828; padding: 283px 0 0 30px; }
.what.content-wrap .screen0 .wrap-holder .movie p{ font-size: 28px; margin-bottom: 3px; color: rgba(255,255,255,0.5);}
.what.content-wrap .screen0 .wrap-holder .movie .play{width: 100px; height: 100px; background: #20abba;display: inline-block; text-align: center; padding-top: 30px; cursor: pointer;}
.what.content-wrap .screen0 .wrap-holder .movie .play .img{width:24px; height: 39px; background-position:-215px -50px;  }
.what.content-wrap .screen1 .wrap-holder{padding: 300px 0 170px;}
.what.content-wrap .screen1 .content li {vertical-align: top; display: block; text-align: center;}
.what.content-wrap .screen1 .content .bg-line{position: absolute; top: 170px; left: 50%; margin-left: -422px;}
.what.content-wrap .screen1 .wrap-holder .title{margin-bottom: 25px;}
.what.content-wrap .screen1 .wrap-holder .marginC > .txt{max-width: 600px;}
.what.content-wrap .screen1 .content .txt-box{padding: 30px; background: #fff; width: 384px; position: relative; margin-top: 210px;}
.what.content-wrap .screen1 .content .i_mg{width: 300px; height: 300px; display: inline-block; border-radius: 50%; position: absolute; top: 0px;  }
.what.content-wrap .screen1 .content li  .box{width: 50%; max-width: 540px; display: inline-block; text-align: left; position: relative;}
.what.content-wrap .screen1 .left {text-align: right;}
.what.content-wrap .screen1 .left .i_mg{right: 0; background-position: 0 -230px;}
.what.content-wrap .screen1 .left .box{margin-left: 50%;}
.what.content-wrap .screen1 .center {margin-top: -100px; }
.what.content-wrap .screen1 .center .i_mg{ background-position:-310px -230px; }
.what.content-wrap .screen1 .center .txt-box{ float: right;}
.what.content-wrap .screen1 .center .box{margin-left: -50%;}
.what.content-wrap .screen1 .right {margin-top: 35px; text-align: right;}
.what.content-wrap .screen1 .right .i_mg{right: 0; background-position: -620px -230px;}
.what.content-wrap .screen1 .right .box{margin-left: 50%;}
@media screen and (max-width:1180px) {
    .what.content-wrap .screen0 .wrap-holder .marginC li {padding-left:0;}
}

.what.content-wrap .screen2{}
.what.content-wrap .screen2 .title{margin-bottom: 60px;}
.what.content-wrap .screen2 .wrap-holder{    padding: 80px 0 120px;}
.what.content-wrap .screen2 .table-typeA{font-size: 16px; color: #fefefe;}
.what.content-wrap .screen2 .table-typeA thead tr{height: 53px; border-top: 1px solid #313131; border-bottom: 1px solid #313131;}
.what.content-wrap .screen2 .table-typeA thead tr th:not(:first-child){background: #2a2a2a; text-align: center;}
.what.content-wrap .screen2 .table-typeA thead th{ padding: 14px 0 0; font-size: 20px;}
.what.content-wrap .screen2 .table-typeA tbody{text-align: center;}
.what.content-wrap .screen2 .table-typeA td{border-bottom:  1px solid #313131; height: 50px; padding: 11px 0 0; }
.what.content-wrap .screen2 .table-typeA td:not(:last-child){border-right:  1px solid #313131;}
.what.content-wrap .screen2 .table-typeA .fill {background:#2a2a2a; text-align: left;  padding-left: 30px;}
.what.content-wrap .screen2 .table-typeA th:first-child{text-align: left; padding-left: 30px;}
.what.content-wrap .screen2 .table-typeA .b{ font-weight: 800;}
.what.content-wrap .screen2 .table-typeA .b.c{ color: #1aaaba; }

/*popup*/
.movie-wrap{ position: fixed; top: 0; left: 0;  width: 100%; height: 100%; z-index: 99;     pointer-events: none;}
.movie-wrap .dimmed{background: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
.movie-wrap.open .dimmed{opacity: 1; pointer-events: auto;}
.movie-wrap .movie-holder{background: transparent; position: absolute; top: 50%; left: 50%; margin-left: -512px; margin-top: -288px; display: none;     pointer-events: auto;}
.movie-wrap .movie-holder .btnClose{position: absolute; width: 26px; height: 26px; right: 0px; top: -38px; cursor: pointer;  pointer-events: auto;}
.movie-wrap .movie-holder .btnClose .img{background-position:-245px -50px; display: inline-block;width: 26px; height: 26px; }
.movie-wrap.open.wpl .movie-holder{margin-top: -100px;}
.movie-wrap .movie-holder .wpaper{color: #fff; width: 1024px; height: 110px; margin-top: -40px;}
.movie-wrap .movie-holder .wpaper p{color: rgba(255,255,255,0.5); font-size: 28px; font-weight: 800; border-bottom: 1px solid rgba(255,255,255,0.3);     padding-bottom: 25px; }
.movie-wrap .movie-holder .wpaper ul{text-align: center;}
.movie-wrap .movie-holder .wpaper li{font-size: 48px; font-weight: 800; display: inline-block; margin: 80px 70px; cursor: pointer; }
.movie-wrap .movie-holder .wpaper li:hover{color:#1aaaba; }


.movie-wrap.open.ypl .movie-holder{margin-top: -200px;}
.movie-wrap .movie-holder .ypaper{color: #fff; width: 1024px; height: 110px; margin-top: -40px;}
.movie-wrap .movie-holder .ypaper .label{font-size: 28px; color: rgba(255,255,255,0.5); width: 570px; display: inline-block;line-height:68px;}
.movie-wrap .movie-holder .ypaper .label.multiline {line-height:34px;}
.movie-wrap .movie-holder .ypaper p{color: rgba(255,255,255,0.5); font-size: 28px; font-weight: 800; border-bottom: 1px solid rgba(255,255,255,0.3);     padding-bottom: 25px; }
.movie-wrap .movie-holder .ypaper ul{margin-top: 40px;}
.movie-wrap .movie-holder .ypaper li{font-size: 48px; font-weight: 800;  height: 130px; padding: 34px 34px; }
.movie-wrap .movie-holder .ypaper li:not(:last-child){border-bottom: 1px solid rgba(255,255,255,0.1);}
.movie-wrap .movie-holder .ypaper li .en{margin-right: 158px;}
.movie-wrap .movie-holder .ypaper li span:not(:first-child) {line-height:68px;}
.movie-wrap .movie-holder .ypaper li span:not(:first-child):hover{color:#1aaaba; cursor: pointer;}
.movie-wrap .movie-holder .ypaper li span {vertical-align:top;}



/*//////////////////////////////*/
/*member*/
.member.content-wrap .screen0{color: #fff; background: url(../image/icon_sub_img_08.png) center center no-repeat; background-size: auto;}
.member.content-wrap .screen1{background: #fff;}
.member.content-wrap .screen1 .wrap-holder{padding: 75px 0 190px;}
.member.content-wrap .screen1 .list li{width: 100%;}
.member.content-wrap .screen1 .list li:not(:first-child) .content{display: none;}
.member.content-wrap .screen1 .list .people {margin: 80px auto 0; max-width: 1300px; }
.member.content-wrap .screen1 .list .people li{width: 33.3%; vertical-align: top;}
.member.content-wrap .screen1 .list .people li:not(:first-child){margin-left: -5px;}
.member.content-wrap .screen1 .list .title {position: relative; cursor: pointer;}
.member.content-wrap .screen1 .list .title .a{padding: 33px 60px 33px 0;}
.member.content-wrap .screen1 .list .title .b{width: 40px; height: 40px; display: inline-block; background:#fff; border: 2px solid #262626;position: absolute; top: 50%; right: 0;text-align: center; font-size: 0; margin-top:-20px;}
.member.content-wrap .screen1 .list .title.on .b{border: 2px solid #262626; background: #262626; }
.member.content-wrap .screen1 .list .title .img{background-position:-323px -15px; width:12px; height: 8px; padding-top: 11px; }
.member.content-wrap .screen1 .list .title.on .img{background-position:-323px 0px; }
.member.content-wrap .screen1 .list .man{margin: 0 auto; width: 250px;}
.member.content-wrap .screen1 .list .man p:nth-child(1){width: 242px; height: 242px; margin: 0 auto 23px; position: relative;}
.member.content-wrap .screen1 .list .man p:nth-child(1) img{width: 100%;}
.member.content-wrap .screen1 .list .man p:nth-child(2){ font-size: 28px; font-weight: 800; margin-bottom: 6px;}
.member.content-wrap .screen1 .list .man p:nth-child(3){ font-size: 18px; font-weight: 800; margin-bottom: 32px;}
.member.content-wrap .screen1 .list .man p:nth-child(4){ font-size: 14px; margin-bottom: 80px;}

.member.content-wrap .screen2{ background: #fff;}
.member.content-wrap .screen2 img{max-width: 1216px;width:100%;}
.member.content-wrap .screen2 i{text-align: center; display: block; margin: 62px 0 0;}
.member.content-wrap .screen2 .wrap-holder {padding: 90px 0 140px;}
.member.content-wrap .screen2  .wrap-holder .title { margin-bottom: 35px;}

.member.content-wrap .screen3 {background: #262626; height: 440px; color: #fff; text-align: center;}
.member.content-wrap .screen3 .mem{margin: 90px 0 0 0;}
.member.content-wrap .screen3 .mem > p{font-size: 28px; font-weight: 800;}
.member.content-wrap .screen3 .mem ul{font-size: 20px; margin-top: 90px;}
.member.content-wrap .screen3 .mem ul li{width: 24%;}
.member.content-wrap .screen3 .mem ul p{font-size: 62px; font-weight: 700;}

/*developer*/
.developer.content-wrap .screen0{color: #fff; background: url(../image/icon_sub_img_14.png) center center no-repeat; background-size: auto;}
.developer.content-wrap .screen1{background: #fff;}
.developer.content-wrap .screen1 .wrap-holder{padding: 0px 0 135px;}
.developer.content-wrap .screen1 .wrap-holder .content{padding: 0 88px; margin-top: 64px;}
.developer.content-wrap .screen1 .wrap-holder .content li{display: block;}
.developer.content-wrap .screen1 .wrap-holder .content .subTitle{margin: 50px 0 20px;}
.developer.content-wrap .screen1 .wrap-holder .title{margin-top: 100px;}
.developer.content-wrap .screen2{ background: #fff; height: 688px;}
.developer.content-wrap .screen2 .wrap-holder {padding: 90px 0 140px;}
.developer.content-wrap .screen2 .wrap-holder .content{position: absolute; left: 0; top: 0;z-index: 1;}
.developer.content-wrap .screen2  .wrap-holder .title { margin-bottom: 48px; line-height: 46px;}
.developer.content-wrap .screen2 img{width: 1150px;margin-top: -172px;}
.developer.content-wrap .screen2 i{position: absolute;  right: -9%; z-index: 0}
.developer.content-wrap .screen2  button{margin-top: 40px;}
.developer.content-wrap .screen3 {background: #262626; color: #fff; text-align: center; z-index: 1; position: relative;}
.developer.content-wrap .screen3 .mem ul li{text-align: left; padding: 100px 2% 80px; width: 33%;}
.developer.content-wrap .screen3 .mem ul li .subTitle{margin:0 0 30px 90px; position: relative;}
.developer.content-wrap .screen3 .mem ul li p:nth-child(2){font-size: 14px; line-height: 26px;}
.developer.content-wrap .screen3 .mem ul li i.img{width: 72px; height: 72px; position: absolute; left: -90px; top: -8px; }
.developer.content-wrap .screen3 .mem ul li:nth-child(1) i.img{background-position: 0 -428px;}
.developer.content-wrap .screen3 .mem ul li:nth-child(2) i.img{background-position: -84px -428px;}
.developer.content-wrap .screen3 .mem ul li:nth-child(3) i.img{background-position: -168px  -428px;}

/*circulation*/
.circulation.content-wrap .screen0{color: #fff; background: #1aaaba;}
.circulation.content-wrap .screen1{background: #fff;}
.circulation.content-wrap .screen2{background: #fff;}
.circulation.content-wrap .screen1 .wrap-holder{padding: 75px 0 0px;}
.circulation.content-wrap .screen2 .wrap-holder{padding: 75px 0 120px;}

.content.half li:not(:first-child){margin-left: -5px;}
.circulation.content-wrap .screen0 {background: url(../image/icon_sub_img_06.png) center center no-repeat; background-size: auto;}
.circulation.content-wrap .screen0 .title{margin-top: 256px;}

.circulation.content-wrap .content li{vertical-align: top;}
.circulation.content-wrap .content .title{margin-bottom: 22px;}
.circulation.content-wrap .content p{    max-width: 650px;}
.circulation.content-wrap .screen1 .txt{margin-bottom: 75px;}

.circulation.content-wrap .screen1 .content .money-group{color: #1aaaba;}
.circulation.content-wrap .screen1 .content .money-group p{font-size: 20px; font-weight: 800;}
.circulation.content-wrap .screen1 .content .money-group .to{margin-bottom: 38px;}
.circulation.content-wrap .screen1 .content .money-group .ri{}
.circulation.content-wrap .screen1 .content .money-group p em {display: block; font-weight: 700; font-size: 62px; text-align: right;line-height: 54px;}
.circulation.content-wrap .screen1 .content .money-group p i{font-weight: 400; margin-left: 16px;}
.circulation.content-wrap .screen1 .content .right{font-size: 20px; font-weight: 800; color:#262626; text-align: center;}
.circulation.content-wrap .screen1 .content .right span{display: block;}
.circulation.content-wrap .screen1 .content .right .re{color: #666; }
.circulation.content-wrap .screen1 .content .right p{position: relative; margin: 0 auto; padding-left: 20px; width: 330px; text-align: left; }
.circulation.content-wrap .screen1 .content .right em{position: absolute; right: 0; text-align: right; width: 150px;}
.circulation.content-wrap .screen1 .content .right i{width: 10px; height: 10px; border-radius: 50%; background: #262626; display: inline-block; position: absolute; top: 7px; left: 0;}
.circulation.content-wrap .screen1 .content .right .re i{background: #666666;}
.circulation.content-wrap .screen1 .content hr{display: block;}
.circulation.content-wrap .screen1 .content .hr{    margin-top: 120px; border: none; border-bottom: 1px solid #262626;}
.circulation.content-wrap .screen2 .content .left {text-align: center;}
.circulation.content-wrap .screen2 .content .title{margin-top: 60px;}

.circulation.content-wrap .screen2 .icx-group {text-align: center; font-size: 72px; font-weight: 700; margin: 60px 0 0; background: #1aaaba; color: #fff; height: 100px; padding-top: 6px;}
.circulation.content-wrap .screen2 .icx-group em{font-size: 28px; font-weight: 400; margin-left: 10px;}
.circulation.content-wrap .screen2 .icx-group .same{font-size: 30px; vertical-align: middle; margin: 0 10px;}
.circulation.content-wrap .screen2 .price{ height: 140px; background: #262626; color: #fff;}
.circulation.content-wrap .screen2 .left{text-align: center;}
.circulation.content-wrap .screen2 .left p{width: 294px; display: inline-block;}

.circulation.content-wrap .screen2 .price .left{padding-top: 50px;}
.circulation.content-wrap .screen2 .price .right {font-weight: 600; text-align: center;     padding-top: 20px;}
.circulation.content-wrap .screen2 .price .right p{font-size: 26px; width: 370px; text-align: left; position: relative; margin: 16px 0; }
.circulation.content-wrap .screen2 .price .right em{font-weight: 700; width: 294px; text-align: right; display: inline-block; position: absolute; right: 0;}

/*project*/
.project.content-wrap .screen0{color: #fff; background: url(../image/icon_sub_img_07.png) center center no-repeat; background-size: auto;}
.project.content-wrap .screen1{background: #fff;}
.project.content-wrap .screen1 .wrap-holder {padding: 90px 0 140px;}
.project.content-wrap .screen0 .wrap-holder li{vertical-align: top;}
/* .project.content-wrap .screen0 .wrap-holder .title{margin-bottom: 25px;} */

.project.content-wrap .screen1 .content.half .left {text-align: left;}
.project.content-wrap .screen1 .content.half .right {text-align: center;}
.project.content-wrap .screen1 .content.half .right span{margin-top: -176px;}
.project.content-wrap .screen1 .content.half li{display: inline-block;}
.project.content-wrap .screen1 .content li {vertical-align: top; display: block;}
.project.content-wrap .screen1 .wrap-holder .title{margin-bottom: 35px;}
.project.content-wrap .screen1 .wrap-holder .txt{max-width: 650px;}
.project.content-wrap .screen1 .wrap-holder .marginC .content:last-child{margin-top: 140px; max-width: 1200px; margin: 0 auto; position: relative;}


.project.content-wrap .screen1 .content .txt-box{background: #fff; width: 324px;;}
.project.content-wrap .screen1 .content .box{background: #fff; padding: 30px;display: inline-block; text-align: left; position: relative;z-index: 1;}
.project.content-wrap .screen1 .content .box .txt-box .boardTitle{ margin: 30px 0;}

.project.content-wrap .screen1 .content .left { }
.project.content-wrap .screen1 .content .left .txt-box{ float: right;}
.project.content-wrap .screen1 .content .right {text-align: right;}

.project.content-wrap .line{border: 2px dotted #c0c0c0; position: absolute; z-index: 0;}
.project.content-wrap .line em{position: absolute; width: 12px; height: 12px; background: #262626; display: inline-block; border-radius: 50%; border: 2px solid #fff;}

.project.content-wrap .screen1 .content li:nth-child(1) .box{width: 596px; }
.project.content-wrap .screen1 .content li:nth-child(1) .line{width: 80%; height: 520px;  margin-top: 184px; left: 10%;}
.project.content-wrap .screen1 .content li:nth-child(1) .line em:first-child{top: -6px; left: 95%;}
.project.content-wrap .screen1 .content li:nth-child(1) .line em{bottom: -6px; left: 10%;}
.project.content-wrap .screen1 .content li:nth-child(2) {margin-top: 20px;}
.project.content-wrap .screen1 .content li:nth-child(2) .box{width: 384px; }
.project.content-wrap .screen1 .content li:nth-child(2) .i_mg{margin-top: -147px;}
.project.content-wrap .screen1 .content li:nth-child(2) .line{width: 50%; height: 626px;  margin-top: 38px; left: 40%;}
.project.content-wrap .screen1 .content li:nth-child(2) .line em{bottom: -6px; left: 90%;}
.project.content-wrap .screen1 .content li:nth-child(3) {margin-top: -130px;}
.project.content-wrap .screen1 .content li:nth-child(3) .box{width: 484px;}
.project.content-wrap .screen1 .content li:nth-child(3) .i_mg{margin-top: -30px;}
.project.content-wrap .screen1 .content li:nth-child(3) .txt-box{float: left;}
.project.content-wrap .screen1 .content li:nth-child(3) .line{width: 50%; height: 475px;  margin-top: 294px; left: 20%;}
.project.content-wrap .screen1 .content li:nth-child(3) .line em{bottom: -6px; left: 10%;}
.project.content-wrap .screen1 .content li:nth-child(4) {margin-top: -108px;}
.project.content-wrap .screen1 .content li:nth-child(4) .box{width: 384px; margin-right: 70px;}
.project.content-wrap .screen1 .content li:nth-child(4) .i_mg{margin-top: -116px;}
.project.content-wrap .screen1 .content li:nth-child(4) .line{width: 50%; height: 585px;  margin-top: 180px; left: 30%;}
.project.content-wrap .screen1 .content li:nth-child(4) .line em{bottom: -6px; left: 90%;}
.project.content-wrap .screen1 .content li:nth-child(5) {margin-top: 66px;}
.project.content-wrap .screen1 .content li:nth-child(5) .box{width: 594px;}


/*ins*/
.ins.content-wrap .screen0{color: #fff; background: url(../image/icon_sub_img_03.png) center center no-repeat; background-size: auto;}
.ins.content-wrap .screen1{background: #fff;}
.ins.content-wrap .screen2{color: #fff; background: #262626;}
/* .ins.content-wrap .screen0 .wrap-holder .title{margin-top: 236px;} */
.ins.content-wrap .screen0 .wrap-holder .title em{font-size: 30px; margin-left: 30px;}
.ins.content-wrap .screen0 .wrap-holder .txt{margin-top: 20px;}
.ins.content-wrap .screen1 .wrap-holder {padding: 100px 0 120px;}
.ins.content-wrap .screen1 .wrap-holder .content li{text-align: center; vertical-align: top;}
.ins.content-wrap .screen1 .wrap-holder .content li p{width: 334px;     margin: 0 auto; text-align: left;}
.ins.content-wrap .screen1 .wrap-holder .content li .title{margin-top: 80px;}
.ins.content-wrap .screen1 .wrap-holder .content li .txt{margin-top: 20px;}
.ins.content-wrap .screen1 .wrap-holder .content li.center{display: block; width: 100%; margin: 50px 0;}
.ins.content-wrap .screen1 .wrap-holder .content .hr{display: block;}
.ins.content-wrap .screen1 .wrap-holder .content hr{display: block; border: none; border-bottom: 1px solid #262626; }
.ins.content-wrap .screen1 .wrap-holder .content img{width: 334px;}

.ins.content-wrap .screen2 .wrap-holder {padding: 80px 0 90px;}
.ins.content-wrap .screen2 .wrap-holder .content li{vertical-align: top;}
.ins.content-wrap .screen2 .wrap-holder .content .title{margin-bottom: 70px;}
.ins.content-wrap .screen2 .wrap-holder .content .txt{ margin: 0 auto; max-width: 550px;position: relative;padding-left: 10px; }
.ins.content-wrap .screen2 .wrap-holder .content .txt:not(:first-child){margin-top: 20px;}
.ins.content-wrap .screen2 .wrap-holder .content .txt:before {content:'';position:absolute;font:inherit;left:0; width: 4px; height: 4px; background: #fff; border-radius: 50%; top: 11px;}


/*wallet*/
.wallet.content-wrap .screen0{color: #fff; background: url(../image/icon_sub_img_12.png) center center no-repeat; background-size: auto;}
.wallet.content-wrap .screen1{background: #fff;}
.wallet.content-wrap .screen2{color: #fff; background: #262626;}
.wallet.content-wrap .screen0 .wrap-holder .title em{font-size: 30px; margin-left: 30px;}
.wallet.content-wrap .screen0 .wrap-holder .txt{margin-top: 20px;}
.wallet.content-wrap .screen1 .wrap-holder {padding: 100px 0 120px;}
.wallet.content-wrap .screen1 .wrap-holder .title span{font-weight: 500; margin-right: 20px; }
.wallet.content-wrap .screen1 .wrap-holder .content{margin-top: 70px;}
.wallet.content-wrap .screen1 .wrap-holder .content li{text-align: center; vertical-align: top;}
.wallet.content-wrap .screen1 .wrap-holder .content li p{width: 334px;     margin: 0 auto; text-align: left;}
.wallet.content-wrap .screen1 .wrap-holder .content li .title{margin-top: 80px;}
.wallet.content-wrap .screen1 .wrap-holder .content li .txt{margin-top: 20px;}
.wallet.content-wrap .screen1 .wrap-holder .content img{width: 334px;}
.wallet.content-wrap .screen2 .wrap-holder {padding: 80px 0 90px;}
.wallet.content-wrap .screen2 .wrap-holder .content li{vertical-align: top;}
.wallet.content-wrap .screen2 .wrap-holder .content .img{width:68px; height: 56px; margin-top: 6px; }
.wallet.content-wrap .screen2 .wrap-holder .content .left .img{background-position: 0 -200px;}
.wallet.content-wrap .screen2 .wrap-holder .content .right .img{background-position: -78px -200px;}
.wallet.content-wrap .screen2 .wrap-holder .content .right .subTitle{padding-top: 20px;}
.wallet.content-wrap .screen2 .wrap-holder .content .subTitle{display: inline-block; margin-left: 15px; vertical-align: top; height: 70px;}
.wallet.content-wrap .screen2 .wrap-holder .content .subTitle .soon{ font-size: 14px; color: #262626; background: #fff; border-radius: 24px; font-weight: 500; display: block; padding: 3px 20px;     margin-bottom: 3px;}

.wallet.content-wrap .screen2 .wrap-holder .content .txt{margin-top: 26px; max-width: 550px;position: relative; }
.wallet.content-wrap .screen2 .wrap-holder .content button{margin-top: 70px;}
.wallet.content-wrap .screen2 .wrap-holder .content .box{max-width: 550px; margin: 0 auto;}
.wallet.content-wrap .screen2 .wrap-holder .content .left .box {padding-right:50px;}
.wallet.content-wrap .screen2 .wrap-holder .content .right .qr-group{font-size: 12px;     margin-top: 60px;}
.wallet.content-wrap .screen2 .wrap-holder .content .right .qr-group span{display: inline-block;vertical-align: middle;}
.wallet.content-wrap .screen2 .wrap-holder .content .right .qr-group span em{color:rgba(255,255,255,0.2); }
.wallet.content-wrap .screen2 .wrap-holder .content .right .qr-group .qr{width: 50px; height: 50px; background: url(../image/appdown.png?v=180727); background-size: auto 50px; display: inline-block; margin-right: 12px;}
.wallet.content-wrap .screen2 .wrap-holder .content .right .qr-group .qr.ios{background-position: -59px 0;margin-left: 50px; }
.wallet.content-wrap .screen2 .wrap-holder .ledger{margin-top: 142px;width:50%;}
.wallet.content-wrap .screen2 .wrap-holder .ledger .ledger-inner {max-width:550px;margin:0 auto;white-space:nowrap;}
.wallet.content-wrap .screen2 .wrap-holder .ledger .ledger-inner > .img{width: 162px; height: 40px; background-position: -200px -200px; position: absolute;}
.wallet.content-wrap .screen2 .wrap-holder .ledger .ledger-inner > div {padding-left:215px;}
/*iea*/
.iea.content-wrap .screen0{color: #fff; background: url(../image/icon_sub_img_04.png) center center no-repeat; background-size: auto;}
.iea.content-wrap .screen1{background: #fff;}
.iea.content-wrap .screen2{background: #262626; color: #fff;}
.iea.content-wrap .screen0 .wrap-holder .title{margin-top: 236px;}
.iea.content-wrap .screen0 .wrap-holder .title em{font-size: 30px; margin-left: 30px;}
.iea.content-wrap .screen0 .wrap-holder .txt{margin-top: 20px;}

.iea.content-wrap .screen1 .wrap-holder {padding: 140px 0 140px;}
.iea.content-wrap .screen1 .wrap-holder .content li{text-align: center; vertical-align: top;}
.iea.content-wrap .screen1 .wrap-holder .content li p{max-width: 650px;    margin: 0 auto; text-align: left;}
.iea.content-wrap .screen1 .wrap-holder .content .title{margin-bottom: 22px;}
.iea.content-wrap .screen1 .wrap-holder .content .txt{margin-bottom: 70px;}
.iea.content-wrap .screen1 .wrap-holder .content button {width: 234px; margin-right: 100px;}
.iea.content-wrap .screen1 .wrap-holder .content img{margin-top: -40px;}
.iea.content-wrap .screen1 .wrap-holder .content img{width: 454px;}
.iea.content-wrap .screen2 .wrap-holder {padding: 90px 0 90px;}
.iea.content-wrap .screen2 .wrap-holder .content li{padding: 0 60px;}
.iea.content-wrap .screen2 .wrap-holder .content .subTitle{margin-bottom: 30px;}
.iea.content-wrap .screen2 .wrap-holder .txt.dot {position:relative;padding-left:10px;}
.iea.content-wrap .screen2 .wrap-holder .txt.dot:before {content:'';position:absolute;font:inherit;left:0; width: 4px; height: 4px; background: #fff; border-radius: 50%; top: 11px;}
.iea.content-wrap .screen2 .wrap-holder .txt.dot + .txt.dot {margin-top:20px;}

/*support*/
.support.content-wrap .screen0{color: #fff; background: url(../image/icon_sub_img_10.png) center center no-repeat; background-size: auto;}
.support.content-wrap .screen1{background: #fff;}
.support.content-wrap .screen1 .wrap-holder{padding: 150px 0 190px;}
.support.content-wrap .screen1 .list li{width: 100%;}
.support.content-wrap .screen1 .list li:not(:first-child) .content{display: none;}
.support.content-wrap .screen1 .list .people {margin-top: 80px;}
.support.content-wrap .screen1 .list .people li{width: 33.3%; vertical-align: top;}
.support.content-wrap .screen1 .list .people li:not(:first-child){margin-left: -5px;}
.support.content-wrap .screen1 .list .title {position: relative; cursor: pointer;}
.support.content-wrap .screen1 .list .title .a{padding: 33px 0;}
.support.content-wrap .screen1 .list .title .b{width: 40px; height: 40px; display: inline-block;border: 2px solid #262626; background: #fff;  position: absolute; top: 40px; right: 0;text-align: center; font-size: 0;  }
.support.content-wrap .screen1 .list .title.on .b{border: 2px solid #262626; background: #262626; }
.support.content-wrap .screen1 .list .title .img{background-position:-323px -15px; width:12px; height: 8px; padding-top: 12px; }
.support.content-wrap .screen1 .list .title.on .img{background-position:-323px 0px; }
.support.content-wrap .screen1 .content {margin: 0 86px 76px; margin-top: 50px;}
.support.content-wrap .screen1 .content .subTitle{font-weight: 800;}
.support.content-wrap .screen1 .content .txt{margin: 22px 0 50px;}



.support .navi{height: 80px; position: absolute; top: 345px; width: 100%; background: rgba(255, 255, 255, 0.9);}
.support .navi ul{font-size: 18px;}
.support .navi .marginC li{ display: inline-block; margin-right: 30px; cursor: pointer;     font-weight: 600;}
.support .navi .marginC li span {margin: 29px 0; display: inline-block; }
.support .navi .marginC li:hover{color: #1aaaba; }
.support .navi.fix{border-bottom: 1px solid #ddd;}
/*partner*/
.partners.content-wrap .screen0{color: #fff; background: url(../image/icon_sub_img_09.png) center center no-repeat; background-size: auto;}
.partners.content-wrap .screen0 .wrap-holder .txt {margin-top:20px;}
.partners.content-wrap .screen1{background: #fff;}
.partners.content-wrap .screen1 .wrap-holder{padding: 120px 0 220px;}
.partners.content-wrap .screen1 .content {}
.partners.content-wrap .screen1 .content li{position: relative;width:88%;}
.partners.content-wrap .screen1 .content li > *{display: inline-block; text-align: center;}
.partners.content-wrap .screen1 .content .comlogo{width: 33.9%; position: absolute; top: 0; bottom: 0; }
.partners.content-wrap .screen1 .content .comlogo img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 50%;}
.partners.content-wrap .screen1 .content .txt-group{width: 79.8%; border-bottom: 1px solid #eeeeee; padding: 30px 30px 40px; text-align: left; margin-left: 33.9%;}
.partners.content-wrap .screen1 .content .txt-group .subTitle{margin-bottom: 20px;}
.partners.content-wrap .screen1 .marginC > .subTitle{border-bottom: 2px solid #262626; padding-bottom: 10px;}
.partners.content-wrap .screen1 .marginC > .subTitle:not(:first-child){margin-top: 100px;}
/*.partners.content-wrap .screen1 .content li:first-child .txt-group{border-top: 1px solid #eeeeee;}*/

/*dapp*/
.dapp.content-wrap .screen0{color: #fff; background: url(../image/icon_sub_img_13.png) center center no-repeat; background-size: auto;}
.dapp.content-wrap .screen0 .wrap-holder .txt {margin-top:20px;}
.dapp.content-wrap .screen1{background: #fff;}
.dapp.content-wrap .screen1 .wrap-holder{padding: 100px 0 140px;}
.dapp.content-wrap .screen1 .content {}
.dapp.content-wrap .screen1 .content li{position: relative;width:88%;}
.dapp.content-wrap .screen1 .content li > *{display: inline-block; text-align: center;}
.dapp.content-wrap .screen1 .content .comlogo{width: 33.9%; position: absolute; top: 0; bottom: 0; }
.dapp.content-wrap .screen1 .content .comlogo img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 50%;}
.dapp.content-wrap .screen1 .content .txt-group{width: 79.8%; border-bottom: 1px solid #eeeeee; padding: 30px 30px 36px; text-align: left; margin-left: 33.9%;}
.dapp.content-wrap .screen1 .content button{margin: 40px 22px 0 0; font-weight: 500;}

.dapp.content-wrap .screen1 .content .txt-group .subTitle{margin-bottom: 20px;}
.dapp.content-wrap .screen1 .content .txt-group p:nth-child(3){margin-top: 10px;}
.dapp.content-wrap .screen1 .marginC > .subTitle{border-bottom: 2px solid #262626; padding-bottom: 10px;}
.dapp.content-wrap .screen1 .marginC > .subTitle:not(:first-child){margin-top: 100px;}
.dapp.content-wrap .screen2{background: url(../image/icon_deblock_banner.png) center center no-repeat; background-size: auto; height: 340px; color: #fff;}
.dapp.content-wrap .screen2 .content{width: 510px; display: inline-block; float: right; margin-top: 85px;}
.dapp.content-wrap .screen2 .content .txt{margin: 30px 0 20px 0; line-height: 24px;}
/*overviews*/
.overviews.content-wrap .screen0{color: #fff; background: url(../image/icon_sub_img_05.png) center center no-repeat; background-size: auto;}
.overviews.content-wrap .screen1{background: #fff;}
.overviews.content-wrap .screen2{color: #fff; background: #262626;}
.overviews.content-wrap .screen3{background: #fff;}
.overviews.content-wrap .screen1 .wrap-holder{padding: 120px 0 80px;}
.overviews.content-wrap .screen2 .wrap-holder{padding: 90px 0 120px;}
.overviews.content-wrap .screen3 .wrap-holder{padding: 110px 0 210px;}
.overviews.content-wrap .screen1 .content {}

.overviews.content-wrap .screen1 .icx-group {text-align: center; font-size: 72px; font-weight: 700; margin: 80px 0 0; color: #262626; height: 100px; line-height: 35px; border-bottom: 2px solid #262626;}
.overviews.content-wrap .screen1 .icx-group em{font-size: 28px; font-weight: 500; margin-left: 10px;}
.overviews.content-wrap .screen1 .icx-group .same{font-size: 30px; vertical-align: middle; margin: 0 10px;}
.overviews.content-wrap .screen1 .price{ padding: 11px 0; background: #262626; color: #fff; font-size: 40px; font-weight: 700; text-align: center; margin-top: 30px; }
.overviews.content-wrap .screen1 .price em{font-size: 28px; font-weight: 500; margin-left: 17px;}
.overviews.content-wrap .screen1 .chart{ margin-top: 10px;}
.overviews.content-wrap .screen1 .chart canvas {max-width:1350px;margin:0 auto;}
.overviews.content-wrap .screen1 .chart_com{text-align: right;}
.overviews.content-wrap .screen1 .tab{position: absolute; right: 0; top: 0; font-size: 14px; font-weight: 700;color: rgba(38, 38, 38, 0.5);}
.overviews.content-wrap .screen1 .tab li{display: inline-block; margin-left: 10px;cursor: pointer;}
.overviews.content-wrap .screen1 .tab li.on{color: #1aaaba;}
.overviews.content-wrap .screen1 .content { text-align: center; color: #1aaaba; margin: 43px 0 80px;}
.overviews.content-wrap .screen1 .content .left{    background: -webkit-linear-gradient(#1aaaba, #1aaaba) right center no-repeat; background-size: 2px 70px;}
.overviews.content-wrap .screen1 .content li p{ margin: 1px 0;    font-weight: 400;}
.overviews.content-wrap .screen1 .content li p:last-child{font-size: 62px; font-weight: 700;}
.overviews.content-wrap .screen1 .content li p:last-child em{font-size: 26px; margin-right: 13px; font-weight: 500;}
.overviews.content-wrap .screen1 .part {position:relative;}
/*.overviews.content-wrap .screen1 .content li p:last-child em:nth-child(2){font-weight: 600;}*/
.overviews.content-wrap .screen2 .content {margin-top: 60px;}
.overviews.content-wrap .screen2 .table-typeA{font-size: 18px; color: #fefefe;}
.overviews.content-wrap .screen2 .table-typeA thead tr{ border-top: 1px solid #313131; border-bottom: 1px solid #313131;}
.overviews.content-wrap .screen2 .table-typeA th{background: rgba(255,255,255,0.02); text-align: left;padding: 13px 40px; font-size: 20px; font-weight: 700;}
.overviews.content-wrap .screen2 .table-typeA th em{font-size: 14px; color: #999999; font-weight: 600; float: right; margin-top: 5px;}
.overviews.content-wrap .screen2 .table-typeA tbody{text-align: center; font-size: 18px;}
.overviews.content-wrap .screen2 .table-typeA td{border-bottom:  1px solid #313131; height: 50px; padding: 11px 0 0; padding: 14px 40px; text-align: right;}
.overviews.content-wrap .screen2 .table-typeA th:not(:last-child),
.overviews.content-wrap .screen2 .table-typeA td:not(:last-child){border-right:  1px solid #313131;}
.overviews.content-wrap .screen2 .table-typeA th:first-child{width: 180px;}
.overviews.content-wrap .screen2 .table-typeA td:nth-child(2) em{color: #999999;}
.overviews.content-wrap .screen2 .table-typeA td:nth-child(4) {color: #09ba6b;}
.overviews.content-wrap .screen2 .table-typeA td:nth-child(4).down {color: #ff385d;}
.overviews.content-wrap .screen2 .table-typeA td:nth-child(4) em{color: #999999; margin-left: 8px;}
.overviews.content-wrap .screen0 .wrap-holder .txt,
.overviews.content-wrap .screen3 .txt {margin-top:20px;}
.overviews.content-wrap .screen3 .content {margin-top: -50px; font-weight: 700;}
.overviews.content-wrap .screen3 .content li{text-align: center; margin-top: 110px;}
/*.overviews.content-wrap .screen3 .content li span {cursor:pointer;}*/
.overviews.content-wrap .screen3 .content li span a {margin: 0 10px;}

/*Community*/
[class *= channel]{background: url(../image/community_channels.png?v=180821) left top no-repeat; background-size: 660px auto; display: inline-block; }
.community.content-wrap .content li {cursor:pointer;}
.community.content-wrap .screen0{color: #fff; background: url(../image/icon_sub_img_11.png) center center no-repeat; background-size: auto;}
.community.content-wrap .screen0 .wrap-holder .txt {margin-top:20px;}
.community.content-wrap .screen1{background: #fff;}
.community.content-wrap .screen2{background: #fff;}
.community.content-wrap .screen1 .wrap-holder{padding: 120px 0 0px;}
.community.content-wrap .screen2 .wrap-holder{padding: 30px 0 90px;}
.community.content-wrap .content { text-align: center; color: #1aaaba; margin: 63px 0 80px; font-size: 18px; font-weight: 800;}

.community.content-wrap .content li em{width: 90px; height: 90px; display: inline-block; }
.community.content-wrap .screen1 .content li:nth-child(1) em{background-position: 0 0;}
.community.content-wrap .screen1 .content li:nth-child(2) em{background-position: -95px 0;}
.community.content-wrap .screen1 .content li:nth-child(3) em{background-position: -190px 0;}
.community.content-wrap .screen1 .content li:nth-child(4) em{background-position: -285px 0;}
.community.content-wrap .screen1 .content li:nth-child(5) em{background-position: -380px 0;}
.community.content-wrap .screen1 .content li:nth-child(6) em{background-position: -570px 0;     margin-top: 47px;}
.community.content-wrap .screen1 .content li:nth-child(1):hover em{background-position: 0 -95px;}
.community.content-wrap .screen1 .content li:nth-child(2):hover em{background-position: -95px -95px;}
.community.content-wrap .screen1 .content li:nth-child(3):hover em{background-position: -190px -95px;}
.community.content-wrap .screen1 .content li:nth-child(4):hover em{background-position: -285px -95px;}
.community.content-wrap .screen1 .content li:nth-child(5):hover em{background-position: -380px -95px;}
.community.content-wrap .screen1 .content li:nth-child(6):hover em{background-position: -570px -95px;}
.community.content-wrap .screen1 .content li:nth-child(1):hover .txt{color: #000000; }
.community.content-wrap .screen1 .content li:nth-child(2):hover .txt{color: #000000; }
.community.content-wrap .screen1 .content li:nth-child(3):hover .txt{color: #3d5a98; }
.community.content-wrap .screen1 .content li:nth-child(4):hover .txt{color: #1da1f2; }
.community.content-wrap .screen1 .content li:nth-child(5):hover .txt{color: #ff4500; }
.community.content-wrap .screen1 .content li:nth-child(6):hover .txt{color: #fae100; }

.community.content-wrap .screen2 .content li:nth-child(1) em{background-position: -475px 0;}
.community.content-wrap .screen2 .content li:nth-child(2) em{background-position: -475px 0;}
.community.content-wrap .screen2 .content li:nth-child(1):hover em{background-position: -475px -95px;}
.community.content-wrap .screen2 .content li:nth-child(2):hover em{background-position: -475px -95px;}
.community.content-wrap .screen2 .content li:nth-child(1):hover .txt{color: #34b9e7;}
.community.content-wrap .screen2 .content li:nth-child(2):hover .txt{color: #34b9e7;}

.community.content-wrap .screen2 .content .txt em{display: block; font-size: 14px; color: #666666; width: auto; height: auto; font-weight: 400;}
.community.content-wrap .content li .txt{    font-size: 18px; font-weight: 800; margin-top: 30px; color: #262626;}



/*roadmap*/
.roadmap.content-wrap .screen0{color: #fff; background: url(../image/icon_sub_img_02.png) center center no-repeat; background-size: auto;}
.roadmap.content-wrap .screen1{background: #fff;}
.roadmap.content-wrap .screen1 .wrap-holder{padding: 110px 0 0px;}
.roadmap.content-wrap .screen1 .content {}
.roadmap.content-wrap .screen1 .content li{display: block; margin-bottom: 100px; position: relative; }
.roadmap.content-wrap .screen1 .content li.on{color:#1aaaba; }
.roadmap.content-wrap .screen1 .content p{display: inline-block; vertical-align: top; font-size: 14px;}
.roadmap.content-wrap .screen1 .content p span{display: block; margin-bottom: 15px;}
.roadmap.content-wrap .screen1 .content p span.title{display: block; margin-bottom: -10px;}
.roadmap.content-wrap .screen1 .content p span i{display: inline-block; width: 4px;  margin-right: 7px;  }
.roadmap.content-wrap .screen1 .content p span i em{display: inline-block; width: 4px; height: 4px; border-radius: 50%; background:#262626; vertical-align: top; margin-top: 8px; }

.roadmap.content-wrap .screen1 .content .on p span i em{background:#1aaaba; }
.roadmap.content-wrap .screen1 .content .left{width: 40%; text-align: right; padding-top: 53px;}
.roadmap.content-wrap .screen1 .content .center{width: 19%; text-align: center;}
.roadmap.content-wrap .screen1 .content .right{width: 40%; padding-top: 53px;}
.roadmap.content-wrap .screen1 .content .center span{width: 106px; height: 106px; background: #262626; color: #fff; font-size: 14px; font-weight: 600; border-radius: 50%; margin: 0 auto; padding-top: 23px;}
.roadmap.content-wrap .screen1 .content .center i{border-right: 2px dotted #474747; display: inline-block; position: absolute; margin-top: 20px; height: calc(100% - 40px);}
.roadmap.content-wrap .screen1 .content .on .center span{background: #fff; color:#1aaaba; border: 2px solid #1aaaba; position: relative; }
.roadmap.content-wrap .screen1 .content .on .center .won:before,
.roadmap.content-wrap .screen1 .content .on .center .won:after{content: ""; position: absolute; display: block; width: 9px; height: 9px; background: #1aaaba;border-radius: 50%; border: 2px solid #fff;}
.roadmap.content-wrap .screen1 .content .on .center .l:after{left: 8px; bottom: 8px;}
.roadmap.content-wrap .screen1 .content .on .center .r:before{left: 81px; top: 8px;}
.roadmap.content-wrap .screen1 .content .on .center i{border-right: 2px dotted #4abcc8;}



.roadmap.content-wrap .screen1 .content .center span em{display: block; font-size: 38px; font-weight: 700;  margin-top: -3px;}

/*//////////////////////////////*/
/*footer*/
.footer-wrap{color: #fff; font-size: 14px; font-weight: 600; position: relative;}

.footer-wrap .screen0{background: #1aaaba; padding: 110px 0 95px;}
.footer-wrap .screen1{background: #fff; height: 80px;}
.footer-wrap .screen1 p{font-size: 18px;line-height:22px; color: #1aaaba; padding:29px 0; display: inline-block;font-weight:700;}
.footer-wrap .screen1 .tp{float: right;cursor:pointer;font-size:14px;line-height:18px;padding:31px 0;}
.footer-wrap .screen1 .tp:hover {text-decoration:underline;}
.footer-wrap .screen1 .divider {display:inline-block;width:2px;height:10px;background-color:#1aaaba;margin:35px 12px 0;float:right;}
.footer-wrap li{display: inline-block; vertical-align: top;}
.footer-wrap .wrap-holder .title{font-size: 28px; margin-bottom: 35px;}
.footer-wrap .wrap-holder .sm{width: calc(100% - 538px);}
.footer-wrap .wrap-holder .sm input{width: 380px; display: block;}
.footer-wrap .wrap-holder .sm input:not(:first-child){margin-top: 15px;}
.footer-wrap .wrap-holder .sm select{width: 380px;}
.footer-wrap .wrap-holder .sm .title{    margin-bottom: 15px;}
.footer-wrap .wrap-holder .sm button{margin-top: 40px;}
.footer-wrap .wrap-holder .qm{width: 230px; padding-left: 50px;}
.footer-wrap .wrap-holder .qm p:not(.title){margin-bottom: 18px; cursor:pointer;}
.footer-wrap .wrap-holder .wd{ width: 300px; padding-left: 50px;}
.footer-wrap .wrap-holder .wd p:not(.title) {cursor:pointer;}
.footer-wrap .wrap-holder i {display: inline-block; width: 4px; margin-right: 7px;}
.footer-wrap .wrap-holder i em{display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #fff; vertical-align: top; margin-top: -7px;}
.footer-wrap .wrap-holder .sns {position: absolute; float: right; right: 0; bottom: 0;}
.footer-wrap .wrap-holder .sns li{margin-left: 7px;}
.footer-wrap .wrap-holder .sns li span{width: 43px; height: 43px;display: inline-block; transition: color .5s;}
.footer-wrap .wrap-holder .sns .xxx .img{background-position: 0px -300px; }
.footer-wrap .wrap-holder .sns .twitter .img{background-position: -54px -300px; }
.footer-wrap .wrap-holder .sns .facebook .img{background-position: -108px -300px; }
.footer-wrap .wrap-holder .sns .github .img{background-position: -162px -300px; }
.footer-wrap .wrap-holder .sns .reddit .img{background-position: -216px -300px; }
.footer-wrap .wrap-holder .sns .kakao .img{background-position: -270px -300px; }
.footer-wrap .wrap-holder .sns .xxx .img:hover{background-position: 0px -350px; }
.footer-wrap .wrap-holder .sns .twitter .img:hover{background-position: -54px -350px; }
.footer-wrap .wrap-holder .sns .facebook .img:hover{background-position: -108px -350px; }
.footer-wrap .wrap-holder .sns .github .img:hover{background-position: -162px -350px; }
.footer-wrap .wrap-holder .sns .reddit .img:hover{background-position: -216px -350px; }
.footer-wrap .wrap-holder .sns .kakao .img:hover{background-position: -270px -350px; }

.footer-wrap .wrap-holder .layer{    position: absolute; left: 0; top: 100%; border: 2px solid #fff; width: 380px; background: #1aaaba; z-index: 1; display: none;    }
.footer-wrap .wrap-holder .select {color: rgba(255,255,255,0.5);background-color: transparent; font-weight: 400;font-size: 16px;width: 380px;border-bottom: 2px solid #fff;padding-left: 20px;position:relative;}
.footer-wrap .wrap-holder .select select {position: absolute;font-size:0;visibility: hidden;}
.footer-wrap .wrap-holder .select span{display: block; cursor: pointer;     background: url(../image/sbox.png) right 10px center no-repeat, 8px 6px; background-size: 8px auto;font-weight:600;padding: 15px 0;}
.footer-wrap .wrap-holder .select.on span {color:#fff;}
.footer-wrap .wrap-holder .layer li{display: block;     padding: 10px 20px; cursor: pointer;}
.footer-wrap .wrap-holder .layer li:hover{background:  rgba(255,255,255,0.1); color:#fff; }
.footer-wrap .wrap-holder .layer li.on{color:#fff; }
.footer-wrap .wrap-holder .layer li:not(:first-child){border-top: 1px solid rgba(255,255,255,0.3)}



/*scroll-top*/
.scroll-top{color: #fff; position: absolute; top: -80px; left: 50%; margin-left: 880px; background: #262626; font-size: 12px; font-weight: 800;  cursor: pointer;}
.scroll-top:hover{background: #000;}
.scroll-top.white{color: #262626;background: #fff; }
.scroll-top:hover{background: #000;}
.scroll-top.white:hover{background: #d9d9d9;}


.scroll-top .img{background-position:-245px 0; width: 24px; height: 15px; display: inline-block; margin: 23px 28px 5px; }
.scroll-top.white .img{background-position:-245px -20px; }
.scroll-top span{width: 80px; height: 80px;display: inline-block; text-align: center;}

/*gnb*/
.gnb{position: fixed; top: 0; left: 50%; margin-left: 700px; width: 260px; height: 100%;z-index: 10;pointer-events: none;overflow: hidden; }
.gnb .bg{background: #262626; width: 100%; height: 100%; padding-top: 140px; pointer-events: auto; margin-left: 260px;}
.gnb .btn{width: 80px; height: 80px; background: #262626; display: inline-block; position: absolute;right: 0px; padding-top: 20px; cursor: pointer;pointer-events: auto; z-index:50;}
.gnb .btn:hover{background: #000;}

.gnb .gnb-wrap{color: rgba(255,255,255,0.3); width: 260px; background: #262626; font-size: 14px; height: 100%; overflow-y:auto; font-weight: 600; padding: 0 40px;}
.gnb .gnb-wrap .title{font-size: 28px; height: 60px; padding: 13px 0; position: relative; cursor: pointer; transition: color .5s;}

.gnb .gnb-wrap .title em{width: 60px; height: 60px; text-align: center; cursor: pointer; position: absolute; left: 144px; line-height: 60px; top: 0}
.gnb .gnb-wrap .on{color: #fff;}
.gnb .gnb-wrap .content{margin: 13px 0 35px 14px; display: none;}
.gnb .gnb-wrap .content p{height: 36px; line-height: 36px; cursor: pointer; transition: color .5s;}

.gnb .gnb-wrap .title:hover,
.gnb .gnb-wrap .content p:hover{color: #fff;}
.gnb .gnb-wrap .on .title:hover,
.gnb .gnb-wrap .on .content p:hover{color: #1aaaba;}
.gnb .gnb-wrap .title:hover em{color: #fff;}
.gnb .gnb-wrap .on .title:hover em{color: #fff;}
.gnb .gnb-wrap .on .title:hover em{color: #1aaaba;}

.gnb .gnb-wrap .content p.on{color: #1aaaba;}
.gnb .gnb-wrap .order .content{ margin: 10px 0 30px 0px; display: block;}
.gnb .gnb-wrap .hr{display: block;}
.gnb .gnb-wrap hr{display: block; border: none; border-bottom: 1px solid #686868; width: 100%; margin: 50px 0;}

.gnb .btn .bar{display: block; height: 4px; width: 30px; background: #fff; margin: 7px auto;}

.root.open .gnb .btn{background: #fff;}
.root.open .gnb .btn .bar{background: #262626;}
.root.open .gnb .bg{ border-spacing: 1px; transform: matrix(1, 0, 0, 1, -260, 0);}

.gnb .gnb-wrap::-webkit-scrollbar {width: 5px;height: 8px;background-color: #aaa; }
.gnb .gnb-wrap::-webkit-scrollbar-thumb { background: #6a6a6a;}


/*policy*/
#policy{background: #fff;}
.policy.content-wrap .wrap-holder {margin: 0 auto;width: 900px;position: relative;max-width:none; min-width: auto;}
.policy.content-wrap{width: 1000px;      padding: 200px 0 100px;  margin: 0 auto; background: #fff;}
.policy.content-wrap h1{font-size: 48px; font-weight: 700; }
.policy.content-wrap h1 em{font-size: 36px;     margin-left: 10px;}
.policy.content-wrap h2{font-size: 28px; font-weight: 800; margin-top: 55px;}
.policy.content-wrap h3{font-size: 18px; font-weight: 800; margin-top: 30px;}
.policy.content-wrap .tab{padding-left: 20px;}
.policy.content-wrap{}
.policy.content-wrap a{text-decoration: underline;}
.policy.content-wrap .txt{font-size: 14px; margin-top: 10px;}
.policy.content-wrap .day{margin: 55px 0;}
.policy.content-wrap .day .txt{margin-top: 0;}
.policy.content-wrap .download{display: inline-block; border: 2px solid #262626;}
.policy.content-wrap .download:hover{background: #262626;}
.policy.content-wrap .download:hover a{color: #fff;}
.policy.content-wrap .download a{display: inline-block; width: 100%; height: 100%; padding: 9px 22px; text-decoration: none; }
.policy.content-wrap strong {font-weight:bold;}

/*transform*/
#rollPartner,
.home.content-wrap .screen3 .marginC .bg-line,
.home.content-wrap .screen3 .marginC .content,
.gnb li,
.root .gnb .btn{
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}
.root.open .gnb .btn .top{
    width: 20px;
    -webkit-transform: translateX(10px) translateY(5px) rotateZ(45deg);
    -moz-transform: translateX(10px) translateY(5px) rotateZ(45deg);
    -ms-transform: translateX(10px) translateY(5px) rotateZ(45deg);
    -o-transform: translateX(10px) translateY(5px) rotateZ(45deg);
    transform: translateX(10px) translateY(5px) rotateZ(45deg);
}
.root.open .gnb .btn .bottom {
    width: 20px;
    -webkit-transform: translateX(10px) translateY(-5px) rotateZ(-45deg);
    -moz-transform: translateX(10px) translateY(-5px) rotateZ(-45deg);
    -ms-transform: translateX(10px) translateY(-5px) rotateZ(-45deg);
    -o-transform: translateX(10px) translateY(-5px) rotateZ(-45deg);
    transform: translateX(10px) translateY(-5px) rotateZ(-45deg);
}

.title .b{
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.hover{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.moving-group .moving{opacity: 0;}
.moving.animate {
    -webkit-animation: slide_Up 0.75s ease forwards;
    -moz-animation: slide_Up 0.75s ease forwards;
    animation: slide_Up 0.75s ease forwards;
}
.moving.animate.A {
    -webkit-animation: slide_Up 0.75s 0.3s ease forwards;
    -moz-animation: slide_Up 0.75s 0.3s ease forwards;
    animation: slide_Up 0.75s 0.3s ease forwards;
}
.moving.animate.B {
    -webkit-animation: slide_Up 0.75s 0.5s ease forwards;
    -moz-animation: slide_Up 0.75s 0.5s ease forwards;
    animation: slide_Up 0.75s 0.5s ease forwards;
}

.m_moving.animate.B {
    -webkit-animation: slide_Up 0.75s 0.5s ease forwards;
    -moz-animation: slide_Up 0.75s 0.5s ease forwards;
    animation: slide_Up 0.75s 0.5s ease forwards;
}

@-webkit-keyframes slide_Up {
    0% { -webkit-transform: translateY(50px); opacity: 0; }
    100% { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes slide_Up {
    0% { -moz-transform: translateY(50px); opacity: 0; }
    100% { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes slide_Up {
    0% { transform: translateY(50px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}



.moving-r.animate {
    -webkit-animation: slide_Left 0.75s ease forwards;
    -moz-animation: slide_Left 0.75s ease forwards;
    animation: slide_Left 0.75s ease forwards;
}
@-webkit-keyframes slide_Left {
    0% { -webkit-transform: translateX(50px); opacity: 0; }
    100% { -webkit-transform: translateX(0); opacity: 1; }
}

@-moz-keyframes slide_Left {
    0% { -moz-transform: translateX(50px); opacity: 0; }
    100% { -moz-transform: translateX(0); opacity: 1; }
}

@keyframes slide_Left {
    0% { transform: translateX(50px); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}



.project.content-wrap .screen1 .content li:nth-child(1) .line em:first-child,
.project.content-wrap .screen1 .content li:nth-child(2) .line em,
.project.content-wrap .screen1 .content li:nth-child(4) .line em{
    -moz-animation: lineloop 7s 0.5s infinite;
    -webkit-animation: lineloop 7s 0.5s infinite;
    -o-animation: lineloop 7s 0.5s infinite;
    animation: lineloop 7s 0.5s infinite;

}
.project.content-wrap .screen1 .line em{
    -moz-animation: line_loop 7s 0s infinite;
    -webkit-animation: line_loop 7s 0s infinite;
    -o-animation: line_loop 7s 0s infinite;
    animation: line_loop 7s 0s infinite;
}


@-webkit-keyframes lineloop {
    0% { -webkit-transform: translateX(0); }
    50% { -webkit-transform: translateX(-150px); }
    100% { -webkit-transform: translateX(0); }
}

@-moz-keyframes lineloop {
    0% { -moz-transform: translateX(0); }
    50% { -moz-transform: translateX(-150px); }
    100% { -moz-transform: translateX(0);  }
}

@keyframes lineloop {
    0% { transform: translateX(0); }
    50% { transform: translateX(-150px); }
    100% { transform: translateX(0);}
}
@-webkit-keyframes line_loop {
    0% { -webkit-transform: translateX(0); }
    50% { -webkit-transform: translateX(150px); }
    100% { -webkit-transform: translateX(0); }
}

@-moz-keyframes line_loop {
    0% { -moz-transform: translateX(0); }
    50% { -moz-transform: translateX(150px); }
    100% { -moz-transform: translateX(0);  }
}

@keyframes line_loop {
    0% { transform: translateX(0); }
    50% { transform: translateX(150px); }
    100% { transform: translateX(0);}
}


.txt-mask{
    -moz-animation: txt-mask 0.5s ease;
    -webkit-animation: txt-mask 0.5s ease;
    -o-animation: txt-mask 0.5s ease;
    animation: txt-mask 0.5s ease;
}
@keyframes txt-mask {
    0% { transform: translateY(50px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}


/*//////////////////////////////*/
/*@media screen and (max-width: 1340px) {
  .home.content-wrap .screen0 .wrap-holder .title{font-size: 40px;}

}

@media screen and (min-width: 1340px) and (max-width: 1600px) {
  .home.content-wrap .screen0 .wrap-holder .title{font-size: 4vw;}
}
*/
@media screen and (max-width: 1940px) {
    .gnb{right: 0px; left: auto;}

}
 .scroll-top{right: 0px; left: auto;}